<template>
   <z-container>
      <z-header height="28px">Notification (通知)</z-header>
      <z-main>
        <z-row :gutter="12">
          <z-col :span="3">状态</z-col>
          <z-col :span="2"><z-button @click="open('success')">成功</z-button></z-col>
          <z-col :span="2"><z-button @click="open('warning')">告警</z-button></z-col>
          <z-col :span="2"><z-button @click="open('error')">失败</z-button></z-col>
          <z-col :span="2"><z-button @click="open('info')">提示</z-button></z-col>
        </z-row>
      </z-main>
   </z-container>
</template>
<script>
  export default{
  name:'cNotification',
  data(){
    return {}
  },
  methods: {
    open(type) {
      let _type = type || ''
      this.$notify({
        title: type,
        message: '这是一条提示消息',
        type
      })
    }
  }
}
</script>
